/* CSS Document */
#content{ width:960px; margin:0px auto; margin-top:20px;}

/*left begin*/
#nav {width: 190px;float: left;}
#nav li {width: 190px;height: 40px;font-size: 16px;line-height: 40px;text-align: right;}
#nav li.selected {background: url(/tpl/huaban/images/li.png) no-repeat 0 0;_background: url(/tpl/huaban/images/li.gif) no-repeat 0 0;}
#nav li:hover {background: url(/tpl/huaban/images/li.png) no-repeat 0 -40px;_background: url(/tpl/huaban/images/li.gif) no-repeat 0 -40px;}
#nav li a, #nav li span {padding-right: 40px;display: block;font-weight: 400;}
#nav li a, #nav li span{ color:#555;}
.demo-desc h3,.demo-desc p{margin: 0;padding: 0 0 12px 14px;line-height: 22px; font-size:16px; font-weight:400; color:#555;}
.tutor {padding: 10px;display: inline-block;background-color: #FFF9E2;font-size: 18px;position: relative;margin-bottom: 15px;}
#main .tutor{padding: 25px 15px;display: block;}
.key-tip {font-size: 20px;margin-left: 10px; font-weight:400; color:#444;}

.slidefaq h2 {margin: 0;padding: 0 0 0 26px;background: url(/tpl/huaban/images/browser_icons.png) no-repeat 0 0;}
.slidefaq h2.chrome {background-position: 0 -110px;}
.slidefaq .faq .content {overflow: hidden;}
.slidefaq .faq .content .inner {margin: 15px 15px 0;border-top: 1px dashed #E5E5E5;}
.slidefaq .faq .content .inner h3, .slidefaq .faq .content .inner p {padding: 0;margin: 20px 0 10px;}
.slidefaq .faq .content .inner h3 {font-size: 16px;font-weight: 700; color:#555;}
.slidefaq .faq {cursor: pointer;}
.slidefaq .faq {padding-bottom: 15px;cursor: pointer;margin-bottom: 15px;}
.slidefaq {margin-top: 20px;font-size: 14px;}
ul#how_to_use li {margin-bottom: 50px;}
ul#how_to_use li span {font-size: 20px;color: #333;margin-top: 20px;padding-left: 28px;background: url(/tpl/huaban/images/icon_no.png) left top no-repeat;line-height: 24px;height: 24px;display: block;font-weight: 700;}
ul#how_to_use li img {margin-top: 15px;display: block;}
ul#how_to_use li.two span {background-position: left -27px;}
ul#how_to_use li.three span {background-position: left -54px;}
.slidefaq h2.ie {background-position: 0 -22px;}
h3, p {margin: 0;padding: 0 0 12px 14px;line-height: 22px;}
.faq p{color: #444;font-size: 14px;}
.slidefaq h2.other-problams {background-position: 0 -176px;}
.tool-intro{ margin-bottom:10px;}
.slidefaq h2.firefox {background-position: 0 -88px;}

.tip-words {font-size: 16px;font-weight: 400;}
.pin-button {border: 1px solid #CCC;border-radius: 5px;padding: 4px 16px;margin-right: 20px;position: relative;background: url(/tpl/huaban/images/btn_bg.gif) repeat-x;cursor: move;}
.drag-arrow {width: 190px;height: 190px;display: none;position: absolute;bottom: -26px;right: -170px;background: url(/tpl/huaban/images/arrow.png) no-repeat;}

/*left end*/

/*right begin*/
#main {width: 740px;padding-left: 30px;float: left;}
.faq {margin-bottom: 25px;padding: 15px 15px 0 15px;background: white;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);box-shadow: 1px 1px 2px rgba(0,0,0,.3);}
h2{height: 20px;padding: 0 0 0 14px;margin: 0 0 16px;background: url(/tpl/huaban/images/hx_bg.gif) no-repeat left center;font-size: 16px;clear: left; color:#555;}
.faq-content {margin: 0;padding-bottom: 15px;line-height: 22px;}
a.mv {position: absolute;display: block;right: 14px;bottom: 0;width: 170px;height: 100px;background: url(/tpl/huaban/images/final_cut.gif) no-repeat left -100px;border: 4px solid white;border-bottom: 0;}
.faq a.mv {position: static;border: 0;margin: 10px 0;display: block;}
.usage-item {margin-bottom: 30px;overflow: hidden;width: 690px;}
.usage-item .demo-image {width: 220px;margin-right: 34px;padding-left: 15px;float: left;}
.demo-desc {width: 440px;float: left;width: 350px;float: left;}



/*right end*/
